* {
    box-sizing: border-box;
}

html,
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
tr,
th,
td,
p,
table,
button,
hr {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    /* AppFont,MsYhHLUI, */
    /* font-family:"AppFont","MsYhHLUI","SourceHanSansCN-Bold",
    "HSExtraLight","SourceHanSansCN-Heavy","HSLight",
    "SourceHanSansCN-Medium","HSRegular","MsYhHLUI",
    "Helvetica Neue","Helvetica","PingFang SC",
    "Hiragino Sans GB","Microsoft YaHei","Arial","sans-serif"; */
    /* font-family: "Arial", sans-serif , "SourceHanSansCN-Bold"; */
    font-family: "Arial", sans-serif , "HSLight";
    /* font-family: "HSRegular", Arial, sans-serif; */
    /* font-family: sans-serif; */
    /* font-family: "Arial"; */
}

html,
body,
#app {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

img {
    border: none;
}

a {
    outline: none;
    text-decoration: none;
    color: #828282;
}

input::-ms-clear {
    display: none;
}

input::-ms-reveal {
    display: none;
}

ul {
    list-style: none;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.clear {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.clearfix:before,
.clearfix:after {
    display: table;
    line-height: 0;
    content: "";
}

.clearfix:after {
    clear: both;
}


/* 主体面板颜色 */

.el-main {
    background: #F5F7FA;
    padding: 0 !important;
    /* padding: 24px 41px 24px 24px; */
}


/* 面包屑样式 */

.el-breadcrumb {
    padding: 0px 0px 24px 0px;
}


/* 按钮样式 页面编辑修改等等为图标的按钮样式*/

.butStyle {
    width: 32px;
    height: 32px;
    border: 0;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    background: #009588;
    /* letter-spacing: 5px; */
}


/* 弹窗中的输入框间距 */

.el-dialog .el-form-item {
    margin-bottom: 22px;
}


/* .el-dialog__wrapper {
    z-index : 5000 !important;
} */


/* 按钮样式 */

.el-button--default:hover {
    background: rgba(153, 153, 153, 0.1);
    border: 1px solid rgba(153, 153, 153, 1);
    color: rgba(153, 153, 153, 1);
}

.el-button--default:focus {
    background: rgba(153, 153, 153, 0.1);
    border: 1px solid rgba(153, 153, 153, 1);
    color: rgba(153, 153, 153, 1);
}

.el-message-box__btns button:nth-child(2) {
    background-color: #009588;
    border-color: #009588;
    color: #fff;
}

.el-message-box__btns button:nth-child(2):hover {
    opacity: 0.8;
}

.el-button--default.saveBtn:hover,
.el-button--default.saveBtn:focus{
    background-color: #009588;
    border-color: #009588;
    color: #fff;
    opacity: 0.8;
}


/* 通用页面按钮样式--保存，取消 */

.commonBut {
    width: 136px;
    height: 36px;
    line-height: 36px;
    padding: 0;
}


/* 保存按钮 */

.saveBtn {
    background-color: #009588;
    border-color: #009588;
    color: #fff;
}
.saveBtn:hover,
.saveBtn:focus{
    background-color: #009588;
    border-color: #009588;
    color: #fff;
    opacity: 0.8;
}

/* warning按钮 */
.warningBtn{
    background-color: #F6A548;
    border-color: #F6A548;
    color: #fff;
}
.warningBtn:hover,
.warningBtn:focus{
    background-color: #F6A548;
    border-color: #F6A548;
    color: #fff;
    opacity: 0.7;
}
/* 通用input 行高 */

.el-input__inner {
    height: 36px;
    line-height: 36px;
}

.el-range-editor .el-range-input {
    line-height: 30px;
}


/* 解决行高变更后数字不居中的问题 */

.el-date-editor .el-range__icon {
    line-height: 30px \9;
}

.el-date-editor .el-range__icon {
    line-height: 28px;
}


/* 数字输入框高度36 */

.el-input-number {
    line-height: 34px;
}


/* 页面title样式 */

.mainBox {
    background: #fff;
    padding: 20px;
}

.titleBox {
    padding: 0px 4px 24px 4px;
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 36px;
}

.titleName {
    font-size: 18px;
    font-weight: 700;
    line-height: 36px;
}


/* 文字右浮 */

.textRight {
    text-align: right;
}


/* 文字居中 */

.textCenter {
    text-align: center;
}


/* 下拉 兼容ie9*/

.el-scrollbar {
    float: left \9;
}


/* 公共内边距为24 */

.commomPadding {
    padding: 24px;
}

.el-drawer__header {
    padding: 24px 24px 0;
}


/* 图片预览层级 */

.viewer-container {
    z-index: 1000000;
}


/* 关闭按钮的颜色 */

.el-image-viewer__btn .el-icon-circle-close {
    color: #fff;
    opacity: 1;
}


/* 登录、注册模块提交按钮样式 */

.submitBtn {
    width: 136px;
    margin: 50px auto 30px;
    color: #fff;
    background: #009588;
    border-color: #009588;
}

.submitBtn:hover {
    color: #fff;
    background: #009588;
    opacity: 0.8;
}

.submitBtn:focus {
    color: #fff;
    background: #009588;
    opacity: 0.8;
}


/* 取消按钮 */

.cancelBtn {
    width: 136px;
    margin-left: 50px;
}

.content-collapse {
    left: 64px !important;
    transition: left 0.1s;
}

.move-enter-active,
.move-leave-active {
    transition: opacity .5s;
}

.move-enter,
.move-leave {
    opacity: 0;
}


/* 圆角样式 */

.radius-4 {
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.radius-10 {
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.radius-16 {
    -webkit-border-radius: 16px;
    -o-border-radius: 16;
    -moz-border-radius: 16px;
    border-radius: 16px;
}

.radius-18 {
    -webkit-border-radius: 18px;
    -o-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
}

.radius-24 {
    -webkit-border-radius: 24px;
    -o-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 24px;
}


/* 深色投影  */

.deepShadow {
    box-shadow: 0 4px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);
}


/* 浅色投影  */

.lightShadow {
    -moz-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}

.el-tree-node.is-current>.el-tree-node__content .custom-tree-node {
    /* background-color: #E4EBF1 !important; */
    color: #009588 !important;
    font-weight: 700
}

.el-tree-node.is-current>.el-tree-node__content .el-tree-node__label {
    /* background-color: #E4EBF1 !important; */
    color: #009588 !important;
    font-weight: 700
}

.custom-tree-node {
    font-size: 14px;
}

.el-tree-node__content:hover .custom-tree-node {
    /* background-color:rgba(228,235,241,0.50) !important;  */
    color: #009588 !important;
    text-decoration: underline !important;
}

.el-tree-node__content:hover .el-tree-node__label {
    color: #009588 !important;
    text-decoration: underline !important;
}

.is-expanded>.el-tree-node__content .custom-tree-node {
    color: #333;
}


/* 表格中图标的样式 */

.tabIcon {
    font-size: 20px;
    margin: 0 8px;
    cursor: pointer;
}

.delIcon {
    color: #E21B11;
}

.editIcon {
    color: #009588;
}


/* 主容器样式 */

.mainCon {
    padding: 24px 0 0px;
    background-color: #fff;
}
.tableBox {
    padding-top: 24px;
    /* position: absolute;
    right: 24px;
    left: 24px; */
}
.el-table{
    width:99.9%;
}

.noTitleExplain{
    top:117px;
}


/* 列表页搜索按钮样式 */

.commonBtn {
    width: 36px;
    height: 36px;
    text-align: center;
    background: #009588;
    border-radius: 4px;
    padding: 0;
    border-color: #009588;
}

.commonBtn i {
    color: #fff;
    font-size: 20px;
}

.commonBtn:hover {
    background: #009588;
    border-color: #009588;
    opacity: 0.8;
}


/* 弹框样式 */

/* .el-dialog__header {
    padding: 20px 30px !important;
    border-bottom: 1px solid #ccc;
} */

.el-dialog__body {
    padding: 16px 20px;
}

.el-dialog__footer {
    height: 50px;
    background: #f0f4f7;
    border-radius: 0 0 4px 4px;
}

.save,
.cancel {
    height: 30px !important;
    line-height: initial !important;
    padding: 0 20px !important;
}

.save {
    background: #009588;
    border-color: #009588;
}

.save:hover {
    background-color: #009588;
    border-color: #009588;
    color: #fff;
    opacity: 0.8;
}

.uploadImg {
    cursor: pointer;
}

.uploadBox .uploadImg:hover {
    background: rgba(0, 149, 136, 0.1);
}

.el-dialog {
    border-radius: 4px;
}

.tangram-suggestion-main {
    z-index: 1000000 !important;
}


/* 小弹框输入框和下拉框的宽度 */

.inputWidth,
.optionWidth {
    width: 85% !important;
    ;
}

.el-dialog__body,.el-message-box__content {
    max-height: 500px;
    overflow-y: auto;
}

@media screen and (max-height:768px) {
    .el-dialog__body,.el-message-box__content {
        max-height: 350px;
    }
}

.successColor {
    color: #7AB914;
}

.errorColor {
    color: #F6A548;
}

/* 红色需确认 */
.redColor {
    color: #E02020; 
}


/* 解决步骤调ie9兼容 */

.el-step.is-horizontal {
    width: 33.33% \9;
}

.el-step__icon {
    display: inline-block \9;
    line-height: 20px \9;
}


/* 解决ie9下拉框兼容 */

.el-select-dropdown .el-scrollbar {
    width: 100%;
}


/* ie9上日期选择器被遮挡的bug */

.el-date-editor .el-range-input {
    vertical-align: 4px \9;
}

.alignCenter {
    text-align: center;
}


/* 树形结构距离左侧距离调整 */

.el-tree-node__label {
    margin-left: 5px;
}

.disabledBtn {
    opacity: 0.8;
    cursor: all-scroll;
}


/* ie10上texeerea字数限制显示不全 */

.el-textarea .el-input__count {
    right: 15px \9;
}

.el-date-editor .el-range__close-icon {
    line-height: 28px;
}


/* 解决右侧弹窗关闭按钮在ie上不居右，没有底部边距的bug */

.el-drawer__close-btn {
    float: right;
}

.el-drawer__header {
    display: block;
    margin-bottom: 32px;
}

.iconjian {
    color: red;
    font-size: 18px;
}


/* ie级年选择器兼容 */

.el-cascader-node__postfix {
    top: 10px \9;
    top: 10px;
}

.el-cascader-node__prefix {
    top: 10px \9;
    top: 10px;
}


/* 复选框钩钩没有倾斜的问题 ie9 */

.el-checkbox__input.is-checked .el-checkbox__inner::after {
    -ms-transform: rotate(45deg) scaleY(1);
    -moz-transform: rotate(45deg) scaleY(1);
    -webkit-transform: rotate(45deg) scaleY(1);
    -o-transform: rotate(45deg) scaleY(1);
}


/* message 在ie9图片和字换行的问题 */

.el-message__content {
    display: inline-block !important;
}

.el-message-box__content .el-message-box__status,
.el-message-box__content .el-message-box__message {
    display: inline-block !important;
}

.el-message-box__status {
    top: 10px \9;
    transform: none \9;
}
.el-message-box__content {
    position: relative !important;
}

/* ie10,ie11样式 */

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .el-message-box__status {
        top: 50%;
        transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -o-transform: translateY(-50%);
    }
}


/* 解决截止日期控件样式问题IE9 */

.el-date-editor .el-range-separator {
    padding: 0 2px;
    width: 6%;
    line-height: 28px;
    vertical-align: top;
}

.el-select .el-input .el-select__caret {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

.el-select .el-input .el-select__caret.is-reverse {
    transform: rotate(0);
    -ms-transform: rotate(0);
    -moz-transform: rotate(0);
    -webkit-transform: rotate(0);
    -o-transform: rotate(0);
}

.el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}


/* 树结构ie9兼容 */

.el-tree-node__content {
    line-height: 26px;
}


/* 单选框钩钩倾斜的问题 ie9 */

is-checked.el-radio__input .el-radio__inner::after {
    transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    -webkit-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
}


/* ie9上样式错位的bug */

.el-autocomplete-suggestion .el-scrollbar {
    width: 100% \9;
}

.el-autocomplete-suggestion .el-scrollbar .el-scrollbar__wrap {
    width: 100% \9;
    margin-left: 5px \9;
}

.el-autocomplete-suggestion .el-scrollbar .el-scrollbar__wrap .el-autocomplete-suggestion__list {
    width: 100% \9;
}

.el-autocomplete-suggestion .el-scrollbar .el-scrollbar__wrap .el-autocomplete-suggestion__list li {
    width: 100% \9;
}


/* ie9复选框不居中的问题 */

@media all and (min-width:0) {
    .el-radio__inner:after {
        margin-left: -2px \9;
        margin-top: -2px \9;
    }
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .el-radio__inner:after {
        margin-left: 0;
        margin-top: 0;
    }
}


/* 图片居中IE9 */


/* .el-image__inner--center{
    top:0 \9;
    left:0 \9;
}   */


/* 图片预览ie9 */

.el-image-viewer__btn i {
    line-height: 44px;
}

@media all and (min-width:0) {
    .el-image-viewer__btn i {
        margin-left: 10px \9;
    }
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .el-image-viewer__btn i {
        margin-left: 0;
    }
}

@media all and (min-width:0) {
    .el-cascader-node .el-radio {
        float: left \9;
        margin-top: 9px \9;
    }
    .el-cascader-node .el-cascader-node__label {
        float: left \9;
        width: 90% \9;
    }
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .el-cascader-node .el-radio {
        float: none;
        margin-top: 0;
    }
    .el-cascader-node .el-cascader-node__label {
        float: none;
        width: 90% \9;
    }
}


/* 功能按钮样式 */

.funComBut {
    /* width:110px; */
    width: auto;
    height: 36px;
    padding: 0 15px;
    /* width:110px;
    height:36px;
    padding:0; */
}


/* 按钮点击过后移入变成蓝色  el-button type要改为primary*/

.el-button--primary:focus {
    color: #fff;
    background: #009588;
    border-color: #009588;
}

.messageButColor {
    color: #fff;
    background: #009588;
    border-color: #009588;
}

.funComBut:focus {
    color: #fff;
    background: #009588;
    border-color: #009588;
}


/* 企业首页loading样式更改 */

.el-loading-mask.is-fullscreen .el-icon-loading {
    color: #fff;
    font-size: 40px!important;
}

.el-loading-mask.is-fullscreen .el-loading-spinner .el-loading-text {
    color: #fff;
}


/* 删除链接颜色 */

.delLink {
    color: #E02020!important;
}

.delLink.el-link--primary:hover {
    color: #E02020!important;
}

.delLink.el-link--primary.is-underline:hover:after {
    border-color: #E02020!important;
}

.delLink.is-underline:hover:after {
    border-bottom: 1px solid #E02020!important;
}


/* tab栏二级样式 */

.tabsContainer .el-radio-button__inner {
    padding: 0;
    width: 82px;
    height: 36px;
    line-height: 36px;
}

.tabsContainer .el-radio-button__inner:hover {
    color: #606266;
}

.tabsContainer .el-radio-button__orig-radio:checked+.el-radio-button__inner {
    background-color: #fff;
    border-color: #48A6FF!important;
    color: #48A6FF!important;
    -webkit-box-shadow: -1px 0 0 0 #48A6FF!important;
    box-shadow: -1px 0 0 0 #48A6FF!important;
}


/* 表格中的按钮增加间距 */

.el-table .el-link.el-link--primary {
    margin-right: 12px;
}

.color333 {
    color: #333 !important;
}

.color666 {
    color: #666 !important;
}

.color999 {
    color: #999 !important;
}

.color15 {
    color: #151515 !important;
}

.fontBold {
    font-weight: bold;
}

.el-tabs--border-card>.el-tabs__content {
    padding: 0 !important;
}

.greenBack {
    background-color: #009588;
}

.greyBack {
    background-color: #647382;
}

.redBack {
    background-color: #db534b;
}

.yellowBack {
    background-color: #ffc200;
}


/* 去掉tab 默认border */

.el-tabs--card>.el-tabs__header {
    border-bottom: none;
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.containerBox {
    padding: 24px;
}

.searchBox {
    margin-bottom: 14px;
    margin-top: 16px;
}

.iconfanhui1 {
    cursor: pointer;
    font-size: 18px!important;
    font-weight: bold;
    margin-right: 6px;
}


/* 修改搜索栏每一行间距为24px */

.searchInputWidth {
    margin: 0 24px!important;
    padding: 0!important;
}
/* table模块外边距 */
.tableBoxCur{
    padding-top: 24px;
    margin: 0 24px;
}
.searchInputWidth .el-form-item {
    margin-bottom: 24px;
}

.searchInputWidth .el-form-item__content {
    height: 36px;
}

.searchInputWidth .el-form-item__content,
.searchInputWidth .el-input,
.searchInputWidth .el-cascader {
    line-height: 36px;
}

.searchInputWidth .el-form--inline .el-form-item__label {
    width: 96px;
}

.searchInputWidth .el-date-editor .el-range-separator {
    width: 8%;
}

.searchInputWidth .el-date-editor .el-range-input {
    width: 44%;
}
.searchInputWidth .el-input__inner,
.el-date-editor.el-input, .el-date-editor.el-input__inner,
.searchInputWidth .el-input--suffix .el-input__inner {
   width: 230px;
}


/* 1366 搜索样式兼容 */

@media only screen and (max-width: 1366px) {
    .searchInputWidth .el-form--inline .el-form-item__label {
        width: 100px;
    }
    .el-form--inline .el-form-item {
        margin-right: 0;
    }
    .commonBtn {
        margin-left: 10px;
    }
}


/* 政务考核公共样式 */

.totalScoreBox {
    background: #e4ebf1;
    border-radius: 4px;
    border-radius: 4px;
    width: 72px;
    height: 72px;
    padding: 12px 0;
}

.scoreStyle {
    color: #5FAB2C !important;
    font-size: 22px !important;
}

.scoreStyleInfo {
    color: #999;
    font-size: 14px;
    font-weight: normal
}


/* 操作文字和按钮同时存在的样式 */


/* .opetareIcon {
   font-size: 16px;
} */

.opetareText {
    margin-left: 6px;
    vertical-align: top;
    font-size: 14px;
}


/* 行高不一致导致不对齐问题 */

.el-form-item__label,
.el-form-item__content {
    line-height: 36px;
}


/* 下拉宽箭头不居中 */
.el-input__prefix, .el-input__suffix {
    height:initial !important;
    /* top:-2px !important; */
}

/* 地图输入下拉搜索图标样式 */
.tangram-suggestion .route-icon {
    background: url(//map.baidu.com/wolfman/static/common/images/ui3/tools/suggestion-icon_013979b.png) no-repeat 0 -12px !important;
}

/* 引导页样式变更 */
/* 去掉引导页关闭按钮遗留 */
button.driver-close-btn {
    border: none!important;
    padding: 0!important;
    display: none!important;
}

div#driver-popover-item{
    padding: 25px!important;
    border-radius: 16px!important;
    max-width: 600px!important;
    /* min-width: 400px; */
}

div#driver-popover-item .driver-popover-footer button{
    width: 115px;
    height: 36px;
    background: #FFF!important;
    border-color: #009588!important;
    color: #009588!important;;
    border-radius: 4px!important;
}
.driver-prev-btn {
    visibility: hidden;
}

div#driver-popover-item .driver-popover-description{
    font-size: 16px!important;
    color: #333!important;
    line-height: 24px!important;
}
/*自定义滚动条  css主要部分的样式*/

/*定义滚动条宽高及背景，宽高分别对应横竖滚动条的尺寸*/

::-webkit-scrollbar {
    width: 10px;
    /*对垂直流动条有效*/
    height: 10px;
    /*对水平流动条有效*/
}


/*定义滚动条的轨道颜色、内阴影及圆角*/

 ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
    background-color: #fafafa;
    border-radius: 3px;
}


/*定义滑块颜色、内阴影及圆角*/

 ::-webkit-scrollbar-thumb {
    border-radius: 7px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #F3F3F3;
}


/*定义两端按钮的样式*/

 ::-webkit-scrollbar-button {
    background-color: transparent;
    height: 0;
    width: 0;
}


/*定义右下角汇合处的样式*/

 ::-webkit-scrollbar-corner {
    background: khaki;
}

/* 表格暂无数据样式 */
.el-table__empty-text{
    color: #999;
  }

  /* 查看附件统一样式 */
.seeFile {
    cursor: pointer;
    color: #409EFF;
    vertical-align: baseline;
}

/* 列表上下箭头排序样式 */
.el-table .sort-caret.ascending {
    border-bottom-color: #BFBFBF;
}

.el-table .sort-caret {
    left: 8px;
}

/* 表格安全距离及样式 */
.el-table td, .el-table th {
    padding: 0;
    color: #333;
}

.el-table th>.cell,
.el-table td>.cell {
    padding: 12px 16px;
}


/* 列表图片省略号问题 */
.el-table img{
    display: block;
}

.el-table td:first-child .cell,
.el-table th:first-child .cell {
    padding-left: 20px;
}

.el-table td:last-child .cell,
.el-table th:last-child .cell {
    padding-right: 20px;
}



.el-table .el-link.el-link--primary {
    margin-right: 16px;
}
.el-table .el-table__fixed {
    height: auto !important;
    bottom:10px !important;
}

.el-table_body-wrapper{
    z-index: 2!important;
}
    
.el-divider__text,.el-link{
    color: #409EFF!important;
}
.el-link.el-link--default:after, .el-link.el-link--primary.is-underline:hover:after, .el-link.el-link--primary:after{
    color: #409EFF!important;
}
.el-link.is-underline:hover:after{
    border-bottom: 1px solid #409EFF!important;
}
/* 复制按钮及复制内容样式 */
.copyBtn {
    position: absolute;
    display: inline-block;
    width: 28px;
    height: 16px;
    right: -18px;
    top: 3px;
    background: #fff;
    outline:none;
    color: #399CFF;
    border: 1px solid #399CFF;
    font-size: 12px;
    line-height: 12px;
    transform : scale(.833);
    -ms-transform: scale(.833);
    -moz-transform: scale(.833);
    -webkit-transform: scale(.833);
    -o-transform: scale(.833);
}

.copyTextBoxWrap {
    position: relative;
}

/* 针对有的页面是标签显示问题 */
.copyTextBox,.copyTextBox p:first-child {
    display: block;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-right: 4px;
    height: 23px;
}

/* 修改表格-表头最右侧空白条的颜色 */
.el-table__fixed-right-patch {
    background-color: rgb(238, 241, 246)!important;
}
.has-gutter .gutter{
        background-color: rgb(238, 241, 246)!important;
    }
.spacing{
    width:100%;
    height: 10px;
    background-color:#F5F7FA;
 }
 body .el-table th.gutter{
    display: table-cell!important;
}

.el-table__header{
    width: 100% !important;
}
.el-table__body{
    width: 100% !important;
}
.iconhuabanfuben:before {
    font-size: 14px;
}

.el-tooltip__popper {
    background:rgba(0,0,0,0.75) !important;
}
.el-tooltip__popper b {
    color: #333;
}

 /*修改tooltip的箭头颜色*/
 .el-tooltip__popper[x-placement^=top] .popper__arrow::after {
    border: 0px solid transparent;
    border-top-color: rgba(0,0,0,0.75) !important;
}
.el-tooltip__popper[x-placement^=top] .popper__arrow{
    border-top-color: rgba(0,0,0,0.75) !important;
}

/* 去掉加粗 */
.el-button{
    font-weight:normal;
}

.el-divider__text, .el-link{
    font-weight:normal;
}

.el-cascader,
.el-input__icon{
    line-height: 36px;
}

.el-popper[x-placement^=bottom]{
    margin-top:0px!important;
 }

 .el-pager li.active{
    width: 24.32px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    color:#fff;
    background: #3E5265;
    border-radius: 4px;
 }

 /* tab的公共样式 */
/* .commonTab {
    background-color: #e4ebf1;
} */
.commonTab .el-tabs__content {
    background: #fff;
    /* padding: 24px 0px 0; */
}
.commonTab .el-tabs__header {
    margin: 0;
    border-bottom:0;
    /* border-bottom: 0.5px solid #E3E7E9; */
    position: relative;
  }
  .commonTab .el-tabs__header::after{
    position: absolute;
    right: 0;
    top: 47px;
    left: 0;
    height: 1px;
    content: '';
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    background-color: #E3E7E9;
    z-index: 10;
  }
  
  .commonTab  .el-tabs__nav-scroll {
    overflow: hidden;
    /* background: #e4ebf1; */
    /* margin-top: 10px; */
    /* padding-top: 15px; */
    padding: 0 12px;
  }
  .commonTab  .el-tabs__item.is-active {
    font-size: 14px;
    color: #3189EA!important;
    font-weight: bold;
    background: #fff;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    position: relative;
  }
  .commonTab  .el-tabs__item.is-active::after{
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      height: 2px;
      bottom: -1px;
      background-color: #3189EA!important;
  }
  .el-tabs__header .el-tabs__nav{
      border-color: transparent!important;
  }
  .commonTab .el-tabs__item {
      padding: 0!important;
      margin: 0 13px!important;
    color: #333;
    /* background: #d5e0e9; */
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    font-weight: normal;
    border-color: transparent!important;
  }
  .commonTab .el-tabs__item:hover{
      color: #3189EA!important;
  }
  .commonTab .el-tabs__item:first-child {
    margin: 0 4px 0px 24px;
  }
  .commonTab .el-tabs__item {
    margin-right: 4px;
  }
  .commonTab .el-tabs__item:last-child {
    margin-right: 0;
  }
  .commonTab .el-tabs__nav-next {
    margin-top: 7px;
  }
  .commonTab .el-tabs__nav-prev {
    margin-top: 7px;
  }

  /* 标题框下拉下面的横线 */
    .topContentBox{
        position: relative;
    }
    .topContentBox:after{
        position: absolute;
        right: -24px;
        top:54PX;
        left: -24px;
        height: 1px;
        content: '';
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5);
        background-color: #E3E7E9;
        z-index: 10;
    }
.padding24{
    padding: 24px;
}    
 /* 筛选栏数据过多问题处理 */
 .el-table-filter__list{
    max-height: 300px;
    overflow-y: auto;
}

/* 二级页面标题 小绿条 */
.secondLevelTitleStyle{
    margin: 20px 0;
    /* position: relative;
    display: inline-block; */
    color: #333;
    height: 18px;
    line-height: 18px;
    border-left: 4px solid #265FAA;
    padding-left: 15px;
    font-size: 16px;
    font-weight: 700;
    padding-top: 1px;
    /* font: 700 16px Microsoft YaHei; */
}
/* 搜索按钮样式 */
.searchBtn {
    width: 82px;
    height: 36px;
    font-size:12px;
    text-align: center;
    background: #009588;
    border-radius: 4px;
    padding: 0;
    border-color: #009588;
    margin-left: 6px;
    vertical-align: top;
}
    .searchBtn span{
      display: inline-block;
      margin-left: 5px;
      font-size:14px;
      line-height: 36px;
  }

.searchBtn:hover {
    background: #009588;
    border-color: #009588;
    opacity: 0.8;
}

.el-link{
    line-height: 16px !important;
}

/* 项目状态样式 */
.startStatus {
    padding: 0px 6px;
    background: #009588;
    color: #fff;
    font-size: 12px;
    margin-left: 10px;
    /* vertical-align: top; */
    display: inline-block;
    line-height: 20px;
    vertical-align: text-bottom;
}
.startOver {
    background: #657282;
}
.noStart {
    background: #ffc100;
}
.startStop {
    background: #d9544f;
}
.startFinished {
    background: #0FA4C4;
}
.answered {
    background: #5FAB2B;
}

/* 详情页表格样式 */

.detailTable{
    width: 100%;
    border-top: 1px solid #dbdbdb;
    border-left: 1px solid #dbdbdb;
    table-layout: fixed;
}
.detailTable body, .detailTable tr{
    width: 100%;
}
.detailTable td{
    padding: 11px 14px;
    border-bottom: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
    color: #666;
    font-size: 14px;
}

.detailTable .title{
    width: 177px;
    background-color: #F8F9FB;
    font-weight: 500;
    text-align: right;
    color: #333;
}
.detailTable .general{
    color: #6dd400;
}

.detailTable .serious{
    color: #e02020;
}

/* 二级小标题 */
.secondaryTitle {
    font-size: 16px;
    color: #333333;
    font-weight: 700;
    position: relative;
    padding-left: 16px;
}
.secondaryTitle::before {
    content: '';
    width: 4px;
    height: 18px;
    background: #265faa;
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
}

.searchTableActions{
    /* height: 36px;
    line-height: 36px; */
    font-size: 14px;
    color: #333;
    margin-bottom: 24px;
}

.searchTableActions .el-button {
    margin-left: 12px;
}
.boxBorder{
    position: relative;
}
.boxBorder::after{
    position: absolute;
    right: 0px;
    bottom: 0;
    left: 0px;
    height: 1px;
    content: '';
    width: 100%;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    background-color: #E3E7E9;
    z-index: 10;
}

/* 基础表单选择框、输入框宽度 */
.xsWidth{
    width:126px !important;
}
.sWidth {
    width:260px !important;
}
.mWidth {
    width:394px !important;
}
.lWidth {
    width:528px !important;
}
.xlWidth {
    width:662px !important;
}
.fontBtn{
    display: inline-block;
    vertical-align: middle;
    margin: 0 6px;
}

.mrB30 {
    margin-bottom:30px;
}
.el-divider--horizontal {
    margin:0!important;
    background:#E3E7E9 !important;
}
.mrB8 {
    margin-bottom:8px;
}
.mrT24 {
    margin-top:24px;
}
.mrB18 {
    margin-bottom:18px;
}
.mrB24{
    margin-bottom: 24px;
}

/* 详情公共样式 start */
.fontWeight {
    font-weight: 500;
}

.fontSizeT {
    font-size:12px;
}

.fontSizeF {
    font-size:14px;
}

.fontSizeS {
    font-size:16px;
}

.fontSizeE {
    font-size:18px;
}

.detailInfoBox {
    padding: 0px 0 5px 0px;
}

.detailInfoItemSty {
    margin-top: 26px;
}
.empDetailInfoItemSty {
    margin-top: 14px;
}
.labelWidthSty {
    display: inline-block;
    text-align: left;
    padding-left: 14px;
}
.empLabel{
    display: inline-block;
    text-align: left;
}
.gridContent {
    /* border-radius: 4px; */
    vertical-align: top;
    line-height: 16px;
}
.linkItem{
    position: relative;
    top: -2px;
}
.contentSty {
    display: inline-block;
    width: calc(100% - 200px);
}
.empContentSty {
    display: inline-block;
    padding-right: 20px;
}

/* 详情公共样式 end */

/* 表格表头颜色 */
.el-table thead tr th{
    background: #f5f7fa !important;
}
/* 弹窗样式更改 */
.el-dialog__header{
    padding: 16px 20px !important;
    background: #f7f7f7;
    border-bottom:none;
    border-radius: 4px 4px 0 0;
}

.el-dialog__header .el-dialog__title{
    font-size: 16px;
    line-height: 16px;
    color: #333;
    font-weight: 500;
}
.el-dialog__headerbtn {
    top:16px !important;
}
.el-dialog__headerbtn{
    top: 16px;
}
.el-dialog__footer{
    background: #fff;
    position: relative;
    /* border-top: 1px solid #E3E7E9; */
}

.el-dialog__footer::after{
    content: '';
    height: 1px;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    background-color: #E3E7E9;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
.dialogSingleInp{
    width: 394px !important;
}
.dialogSingleHalfInp{
    width: calc((394px - 8px) / 2) !important;
}
.dialogDoubleInp{
    width: 300px !important;
}
.dialoglargeInp{
    width: 730px !important;
}
.mrT4{
    margin-top: 4px;
}
.mrT8{
    margin-top: 8px;
}

/* 双列弹窗input宽度 */
.doubleColumnsDialog .form-item,
.doubleColumnsDialog .el-input,
.doubleColumnsDialog .el-select,
.doubleColumnsDialog .el-cascader{
    width: 300px !important;
}

.doubleColumnsDialog .doubleColumnsHalfInp{
    width: calc((300px - 8px) / 2) !important;
    margin-right: 8px;
}

.doubleColumnsDialog .el-textarea{
    width: 100% !important;
}

/* 有单位的输入框 */
.doubleColumnsDialog .unitsItem .form-item{
    width: 140px !important;
    margin-right: 8px;
}

/* 弹窗表单文字换行 */
.doubleColumnsDialog .wordWrapItem .el-form-item__label,
.oneColumnDialog .wordWrapItem .el-form-item__label{
    line-height: normal !important;
    height:36px;
    white-space: pre-line;
}

/* 文字换行行高 */
.doubleColumnsDialog .wordWrapInput .el-form-item__content,
.oneColumnDialog .wordWrapInput .el-form-item__content{
    /* line-height: 20px; */
}

/* 单列弹窗 */
.oneColumnDialog .el-input,
.oneColumnDialog .el-select,
.oneColumnDialog .el-date-editor.el-input,
.oneColumnDialog .el-textarea{  
    width: 394px !important;
}


/* 弹框中只有输入框和选项的 */
.tipDialog .el-form-item__label {
    text-align: left;
    float: none;
}
.tipDialog .el-form-item__content {
    margin-left:0 !important;
    margin-top:4px;
}
.tipDialog .el-select, .tipDialog .el-input{
    width:100% !important;
}

.tipDialog .el-form-item__content{
    text-align: left !important;
}
/* 抽屉样式更改 */
.el-drawer__header{
    padding: 20px 24px !important;
    background: #f7f7f7;
    font-size: 18px;
    color: #333333;
    font-weight: 700;
    margin-bottom:0;
}
.el-drawer__body{
    padding: 24px 20px !important;
}

/* 分割线 */
.separator{
    position: relative;
}
.separator::after{
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1px;
    content: "";
    width: 100%;
    -webkit-transform: scaleY(.5);
    transform: scaleY(.5);
    background-color: #e3e7e9;
    z-index: 10;
}  

/* 修改公共单选、复选的颜色 */
.el-checkbox__input.is-checked+.el-checkbox__label,.el-checkbox,.el-radio__input.is-checked+.el-radio__label,.el-radio{
    color: #3a3a3a !important;
}

/* 详情换行行高 */
.rowHeight {
  line-height:20px;
}
.el-textarea .el-input__count {
    background-color: transparent !important;
    bottom: -5px !important;
}
/* 无数据 */
.noHandleData {
    text-align: center;
    margin-top: 8px;
}
.noDataImg {
    width: 160px;
    margin-bottom: 15px;
}
/* 添加等级设置 */
.addLevel {
    height: 32px;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    color: #a3a3a3;
    border: 1px dashed #dee5f4;
}
.addLevel:hover {
    cursor: pointer;
    color: #409eff;
    border-color: #409eff;
}
.gridContent .el-link{
    line-height: 16px!important;
}
.rejectBtn{
    background-color: #3E5265;
    border-color: #3E5265;
    color: #fff;
}
.rejectBtn:hover{
    background-color: #3E5265;
    border-color: #3E5265;
    color: #fff;
    opacity: 0.8;
}